body {
    color: #FFFFFF; /* Kolor tekstu */
    text-shadow: 2px 2px 4px #FF69B4; /* Cień tekstu */
    background-color: #000000; /* Tło */
}

.image-container, .image-row {
    display: flex; /* Ustawienie flexbox dla obrazków */
    justify-content: center; /* Wycentrowanie poziome obrazków */
    align-items: center; /* Wycentrowanie pionowe obrazków */
    flex-wrap: wrap; /* Umożliwienie zawijania obrazków */
}

.special-image {
    max-width: 50%; /* Skalowanie obrazków do szerokości kontenera */
    max-height: 300px; /* Skalowanie obrazków do wysokości kontenera */
    object-fit: contain; /* Utrzymanie całkowitej widoczności obrazków */
    margin: 0 10px; /* Marginesy pomiędzy obrazkami */
}

.background-image {
    width: 100%; /* Szerokość obrazka */
    max-width: 200px; /* Maksymalna szerokość obrazka */
    height: auto; /* Automatyczna wysokość obrazka */
    margin: 20px auto; /* Automatyczne wycentrowanie obrazka */
    display: block; /* Wyświetlanie jako blok */
}

.highlighted-text {
    color: #FFFF00; /* Ostry żółty kolor tekstu */
    text-shadow: 3px 3px 5px #FFA500; /* Efekt 3D */
    text-align: center; /* Wycentrowanie tekstu */
}

.blinking-text a {
    color: #7FFF00; /* Seledynowy kolor tekstu */
    font-weight: bold; /* Grubszy tekst */
    text-shadow: 3px 3px 5px #FFA500; /* Efekt 3D */
    animation: blinking 2s infinite; /* Miganie co 2 sekundy */
    text-decoration: none; /* Usunięcie podkreślenia */
}

    .blinking-text a:hover {
        color: #0000FF; /* Niebieski kolor tekstu na hover */
        animation: none; /* Zatrzymanie migania na hover */
        text-decoration: none; /* Usunięcie podkreślenia na hover */
    }
/* Nowa klasa do zmiany tła na białe i tekstu na czarny */
body.light-mode .black-text-white-background {
    background-color: white !important; /* Białe tło */
    color: black !important; /* Czarny tekst */
}

.center {
    text-align: center; /* Wycentrowanie tekstu */
}

.blue-link {
    color: #0000FF;
    text-decoration: none; /* Usunięcie podkreślenia */
}

.blue-underline {
    text-decoration: underline;
    text-decoration-color: blue;
    color: #0000FF; /* Upewnijmy się, że tekst pozostaje niebieski */
}

.green-underline {
    text-decoration: underline;
    text-decoration-color: green;
    color: #7FFF00; /* Upewnijmy się, że tekst pozostaje zielony */
}

.blue-text {
    color: #0000FF; /* Niebieski kolor tekstu */
    text-decoration: none; /* Usunięcie podkreślenia */
}

@keyframes blinking {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}